<template>
  <div>
    <p>局部过滤器{{ message | uppercase }}</p>
    <p>全局的过滤器{{ message | ellipsis(5) }}</p>
    <p>{{ num1 | statusOptionsFilter }}</p>
  </div>
</template>

<script>
export default {
  name: 'glq',
  data() {
    return {
      num1: '1',
      message:
        'abcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefg'
    }
  },
  filters: {
    uppercase(value) {
      if (!value) return ''
      value = value.toString()
      return value.toUpperCase()
    }
  }
}
</script>

<style lang="scss" scoped></style>
